<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
<title>消息列表</title>  
<c:if test="${requestScope.msg!=null}">
			<script type="text/javascript">
	  	 		     alert('<c:out value="${requestScope.msg}"></c:out>');
	  	 		     window.close();
	  			</script>
</c:if>
<%@ include file="../jslib/jquerylib.jsp" %> 
<link href="<%=request.getContextPath() %>/web/style/layout.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="<%=request.getContextPath() %>/jslib/lhgdialog/lhgcore.lhgdialog.min.js?skin=mac"></script>
<style>
body {   
    font-family:"Microsoft YaHei"; font-size:14px;;   
    
}  
.html{
	overflow:scroll;
	overflow-x:hidden;
}
 .ui-jqgrid tr.jqgrow td {
   white-space: normal !important;
   height:10px;
   vertical-align:text-top;
   padding-top:2px;
  }
.button{font-size:12px;height:21px;color:#000;padding-left:14px;padding-right:14px;border:solid 1px #4183CF;background-image:url(../images/button.gif); background-repeat:repeat-x;}
</style>  
 <script type="text/javascript">
         var api = frameElement.api;
         if (api!=undefined)
         {
         	var W = api.opener;
         }
        </script>  
<script type="text/javascript"><!--
    /**
 * 初始化消息列表的js
 * @author andrew
 */
$(document).ready(function(){ 
	// 绑定回车事件
	$(document).keypress(function(e) {
		if (e.which == 13) {
			//gridSearch();
			//reSearch();
		} 
	});
 
	//高级搜索结束
	 //显示jqGrid数据的方法，和其中设置的一些属性
	$("#gridTable").jqGrid({
		url:'system/tips!queryTips.action',
		datatype: "json",
		height: "345",
		autowidth: true, 
		colNames:['ID','内容','sql语句','地址','状态'],
		colModel:[
			{name:'id',index:'id', width:60, sorttype:"int",hidden:true,hidedlg:true}, 
			{name:'tipContent',index:'tipContent', width:250}, 
			{name:'tipSql',align:'center',index:'tipSql', width:350},
			{name:'url',align:'center',index:'url',width:180},
			{name:'state',align:'center',index:'state',width:50}
		],
		shrinkToFit:false,
		sortname:'id',
		sortorder:'desc',
		viewrecords:true,
		multiselect: true, // 是否显示复选框
		multiboxonly : true, 
		gridview: true,  //提升速度
		rownumbers: true,//显示行号
		rownumWidth: 30, //行号的宽度
		rowNum:pageNumber,
		rowList:[15,20,50,200,500],
		//toolbar: [true,"top"],
		jsonReader: {
			root:"rows",		// 数据行（默认为：rows）
			page: "page",  	// 当前页
			total: "total",  // 总页数
			records: "records",  // 总记录数
			repeatitems : false		// 设置成false，在后台设置值的时候，可以乱序。且并非每个值都得设
		},
		prmNames:{rows:"rows",page:"page",sort:"sidx",order:"sord",search:"search"},
		pager:"#gridPager",
		caption: "消息提醒列表"
	});
 
}); 	
function addTip(){
	 //window.parent.frames['mainFrame'].$.dialog({ content:'我是leftFrame页面按钮弹出的窗口。' });
	$.dialog({
	        id:'add',
	        title:"添加提醒", 
	        content:'url:<%=request.getContextPath() %>/system/tips_add.jsp',
	        okVal:false,//确定按钮文字
	        cancelVal:false,//取消按钮文字
	        min:true, //是否显示最小化按钮
	        max:false,//是否显示最大化按钮
	        fixed:false,//开启静止定位
	        lock:true,//开启锁屏 
	        focus:true,//弹出窗口后是否自动获取焦点（4.2.0新增）
	        time:null,//设置对话框显示时间
	        resize:true,//是否允许用户调节尺寸
	        drag:true,//是否允许用户拖动位置
	        cache:false,//是否缓存iframe方式加载的窗口内容页
	        width: '850px',
	        height: 500,
	        close: function(){
	        	refresh();
	        }
   });
}
function editTip(){
	var ids= $("#gridTable").jqGrid("getGridParam", "selarrrow") + "";
	if (!ids) {
	    alert("请先选择记录!");  
	    return false;  
	}
	if(ids.indexOf(",")!=-1){
		  alert("只能选择一条记录!");  
	        return false; 
	}
	$.dialog({
	        id:'edit',
	        title:"修改提醒", 
	        content:'url:<%=request.getContextPath() %>/system/tips!gotoEdit.action?id='+ids,
	        okVal:false,//确定按钮文字
	        cancelVal:false,//取消按钮文字
	        min:true, //是否显示最小化按钮
	        max:false,//是否显示最大化按钮
	        fixed:false,//开启静止定位
	        lock:true,//开启锁屏 
	        focus:true,//弹出窗口后是否自动获取焦点（4.2.0新增）
	        time:null,//设置对话框显示时间
	        resize:true,//是否允许用户调节尺寸
	        drag:true,//是否允许用户拖动位置
	        cache:false,//是否缓存iframe方式加载的窗口内容页
	        width: '850px',
	        height: 500,
	        close: function(){
	        	refresh();
	        }
   });
}
 
function deleteTip(){
	var ids = $("#gridTable").jqGrid("getGridParam", "selarrrow") + "";
   if (!ids) {
   	alert("请先选择记录!");  
      return false;  
   } 
   if(!confirm("是否确认删除？"))
    {
      return false;
    }
    var params = {  
       "ids": ids
      }; 
    var actionUrl = "<%=request.getContextPath()%>/system/tips!deleteTip.action";  
       $.ajax({  
           url : actionUrl,  
           type : "post", 
           data : params,  
           dataType : "json",  
           cache : false, 
        error : function(textStatus, errorThrown) {  
           alert("系统ajax交互错误: " + textStatus.value);  
       },   
        success : function(data, textStatus) {
             if(data.ajaxResult=="error")
               {
                alert("删除失败,请重试!");
               }else{
                  alert("删除成功");
               }  
             refresh();
             }   
      });
}
//查询
function gridSearch(){
	var messageName = $("#messageName").val();
	var messageType = $("#messageType").val();
	var params = {  
		"messageName" : encodeURIComponent(messageName),
		"messageType" : encodeURIComponent(messageType)
	};
	
 	//jQuery('#gridTable').appendPostData(params); 如果这个跳转不行的话，就用下面两行，反正亦然，别问为什么，不知道！
	var postData = $("#gridTable").jqGrid("getGridParam", "postData");
	$.extend(postData, params);  //(9)将postData中的查询参数覆盖为空值
	jQuery("#gridTable").jqGrid('setGridParam',
	{
	url:"system/tips!queryTips.action"
	}).trigger("reloadGrid", [{page:1}]); 
}
//清空
function resetSearch(){
	jQuery("#messageName").val("");
	jQuery("#messageType").val("");
}
//刷新
function refresh(){
	resetSearch();
	gridSearch();
}
   </script>
</head>  
 <body>  
		<table style="width: 100%;" class="tableCont">
			<tr>
				<td height="25" valign="top">
					<input id="add_Message" type='button' value='添 加' onclick="addTip()" class='button_b' />
					<input id="update_Message" type='button' value='修 改' onclick="editTip()" class='button_b' />
					<input id="delete_Message" type='button' value='删 除' onclick="deleteTip()" class='button_b' />
			</tr>
			<tr>
				<td colspan="4" style="padding-top:8px;">
					<table id="gridTable"></table>
					<div id="gridPager"></div>
				</td>
			</tr>
		</table>
</body>
</html>
